<!DOCTYPE html>
<?php
include('../function/pegawai.php');
include('../function/paging.php');
?>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <!-- Title and other stuffs -->
  <title>SDM - Home</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="">


  <!-- Stylesheets -->
  <link href="../../style/bootstrap.css" rel="stylesheet">
  <!-- Font awesome icon -->
  <link rel="stylesheet" href="../../style/font-awesome.css"> 
  <!-- jQuery UI -->
  <link rel="stylesheet" href="../../style/jquery-ui.css"> 
  <!-- Calendar -->
  <link rel="stylesheet" href="../../style/fullcalendar.css">
  <!-- prettyPhoto -->
  <link rel="stylesheet" href="../../style/prettyPhoto.css">   
  <!-- Star rating -->
  <link rel="stylesheet" href="../../style/rateit.css">
  <!-- Date picker -->
  <link rel="stylesheet" href="../../style/bootstrap-datetimepicker.min.css">
  <!-- jQuery Gritter -->
  <link rel="stylesheet" href="../../style/jquery.gritter.css">
  <!-- CLEditor -->
  <link rel="stylesheet" href="../../style/jquery.cleditor.css"> 
  <!-- Bootstrap toggle -->
  <link rel="stylesheet" href="../../style/bootstrap-toggle-buttons.css">
  <!-- Main stylesheet -->
  <link href="../../style/style.css" rel="stylesheet">
  <!-- Widgets stylesheet -->
  <link href="../../style/widgets.css" rel="stylesheet">   
  <!-- Responsive style (from Bootstrap) -->
  <link href="../../style/bootstrap-responsive.css" rel="stylesheet">
  
  <!-- HTML5 Support for IE -->
  <!--[if lt IE 9]>
  <script src="js/html5shim.js"></script>
  <![endif]-->

  <!-- Favicon -->
  <link rel="shortcut icon" href="../../img/Bank_Mandiri1.PNG">
</head>

<body>

<?php
include ("aheader.php");
?>


<!-- Main content starts -->

<div class="content">

  	<!-- Sidebar -->
    <div class="sidebar">
        <div class="sidebar-dropdown"><a href="#">Navigation</a></div>

        <div class="sidebar-inner">

          <ul class="navi">

            <!-- Use the class nred, ngreen, nblue, nlightblue, nviolet or norange to add background color. You need to use this in <li> tag. -->

            <li class="norange current"><a href="index.php"><i class="icon-home"></i> Home</a></li>

			<li class="norange"><a href="tambahdepartemen.php"><i class="icon-plus"></i> Tambah Departemen</a></li>
            
            <li class="norange"><a href="tambahteam.php"><i class="icon-plus"></i> Tambah Team</a></li>
			
			<li class="has_submenu norange">
			<a href="index.php">
			<i class="icon-user"></i> Tambah User
			 <span class="pull-right"><i class="icon-angle-right"></i></span>
			</a>
			<ul>
			
			 <li class="norange"><a href="tambahgh.php"><i class="icon-plus"></i> Tambah Group Head</a></li>
			
            <li class="norange"><a href="tambahkepalapegawai.php"><i class="icon-plus"></i> Tambah Departemen Head</a></li>
            
            <li class="norange"><a href="tambahpegawai.php"><i class="icon-plus"></i> Tambah Pegawai</a></li>
            </ul>
			</li>
           
		   <li class="norange"><a href="tambahtraining.php"><i class="icon-plus"></i> Tambah Training</a></li>

          </ul>

          <!-- Search form -->
          
          </div>


        </div>

    </div>

    <!-- Sidebar ends -->

  	<!-- Main bar -->
  	<div class="mainbar">
      
	    <!-- Page heading -->
	    <div class="page-head">
        <!-- Page heading -->
	      <h2 class="pull-left">Home
          <!-- page meta -->
          <span class="page-meta">List Anggota</span>
        </h2>


        <!-- Breadcrumb -->
        <div class="bread-crumb pull-right">
          <a href="#"><i class="icon-home"></i> Home</a>
        </div>

        <div class="clearfix"></div>

	    </div>
	    <!-- Page heading ends -->



	    <!-- Matter -->

	    <div class="matter">
        <div class="container-fluid">

          <div class="row-fluid">

            <div class="span12">

                <div class="widget worange">

                <div class="widget-head">
                  <div class="pull-left">Daftar Pegawai</div>
                  <div class="widget-icons pull-right">
                  </div>
                  <div class="clearfix"></div>
                </div>

                  <div class="widget-content">
				  <form method="post" action="../function/hapuspegawai.php">

                    <table class="table  table-bordered ">
					
                      <thead>
                        <tr>
                          <th>NIP</th>
                          <th>Name</th>
                          <th>Tanggal Masuk</th>
                          <th>Tanggal Tetap</th>
                          <th>Departemen</th>
						  <th>Status</th>
  						  <th>Control</th>
                        </tr>
                      </thead>
					  
                      <tbody>
                       <?php
					
					while($row = mysql_fetch_array($query)){
	
		
					echo "<tr>";
						   $nip=$row['NIP'];
						   
                           echo "<td>"; echo $row['NIP'] ; echo"</td>";
                           echo "<td>"; echo $row['NAMA'] ; echo"</td>";
                           echo "<td>"; echo $row['TANGGAL_MASUK'] ; echo"</td>";
                           echo "<td>"; echo $row['TANGGAL_TETAP'] ; echo"</td>";
						   echo "<td>"; echo $row['DEPARTEMEN'] ; echo"</td>";
						   echo "<td>"; echo $row['STATUS'] ; echo"</td>";
						   echo "<td>";
						   echo "<a class='btn btn-mini btn-success' name='view' href='../view/lihatbiodata.php?NIP=".$nip."'><i class='icon-eye-open'></i> </a>"; 
						   echo "<a class='btn btn-mini btn-warning' name='edit' href='../view/editpegawai.php?NIP=".$nip."'><i class='icon-pencil'></i> </a>";
						   echo "<button class='btn btn-mini btn-danger'  name='hapus[".$nip."]' value='".$nip."'><i class='icon-remove'></i></button>"; 
						   echo"</td>";
                       echo "</tr>"; 
					   }
					   ?>
                    
                      </tbody>
                    </table>

                  </div>

                    <div class="widget-foot">

                      <div class="pagination pull-right">
                        <ul>
                          <?php 
						  
		for($i=1; $i<=$jumlahhalaman; $i++){
			print '<li><a href="index.php?page='.$i.'">'.$i.'</a></li>';
		}
	?>
                        </ul>
                      </div>
                      <div class="clearfix"></div> 

                    </div>
                </div>



<!-- Scroll to top -->
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span> 

<!-- JS -->
<script src="../../js/jquery.js"></script> <!-- jQuery -->
<script src="../../js/bootstrap.js"></script> <!-- Bootstrap -->
<script src="../../js/jquery-ui-1.10.2.custom.min.js"></script> <!-- jQuery UI -->
<script src="../../js/fullcalendar.min.js"></script> <!-- Full Google Calendar - Calendar -->
<script src="../../js/jquery.rateit.min.js"></script> <!-- RateIt - Star rating -->
<script src="../../js/jquery.prettyPhoto.js"></script> <!-- prettyPhoto -->

<!-- jQuery Flot -->
<script src="../../js/excanvas.min.js"></script>
<script src="../../js/jquery.flot.js"></script>
<script src="../../js/jquery.flot.resize.js"></script>
<script src="../../js/jquery.flot.pie.js"></script>
<script src="../../js/jquery.flot.stack.js"></script>

<script src="../../js/jquery.gritter.min.js"></script> <!-- jQuery Gritter -->
<script src="../../js/sparklines.js"></script> <!-- Sparklines -->
<script src="../../js/jquery.cleditor.min.js"></script> <!-- CLEditor -->
<script src="../../js/bootstrap-datetimepicker.min.js"></script> <!-- Date picker -->
<script src="../../js/jquery.toggle.buttons.js"></script> <!-- Bootstrap Toggle -->
<script src="../../js/filter.js"></script> <!-- Filter for support page -->
<script src="../../js/custom.js"></script> <!-- Custom codes -->
<script src="../../js/charts.js"></script> <!-- Custom chart codes -->



</body>
</html>